<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 遍历数组 不推荐for in  key 是string   
    // let arr = ['red', 'blue', 'pink']

    // for (let i = 0; i < arr.length; i++) {
    //   console.log(arr[i])
    // }

    //  for in 遍历对象
    // for of 遍历数组  es6 最新的 高级
    // 基本语法

    // for(let 变量 of 数组名){}
    // for (let v of arr) {
    //   console.log(v); // red green 'pink'
    // }

    // 拿索引
    // for (let i of arr.keys()) {
    //   console.log(i)  // 0  1  2
    //   // console.log(arr[i])
    // }

    // 同时拿索引和值
    // for (let [index, val] of arr.entries()) {
    //   console.log(index)
    //   console.log(val)
    // }


    //  遍历对象用的for in   有些属性不应该遍历出来  很多人第一时间遍历对象 永远想的还是for in 没错  它确实可以

    // let obj = {
    //   uname: 'jgg',
    //   age: 18
    // }

    // // 假设我用for of 遍历 obj    obj is not iterable
    // // for (let k of obj) {
    // //   console.log(k)
    // // }

    // // let obj1 = Object.entries(obj)
    // // console.log(obj1)
    // // 我就想用for of 遍历对象
    // for (let [k, v] of Object.entries(obj)) {
    //   console.log(k)// uname age
    //   console.log(v)//jgg 18
    // }










    // let students = [
    //   { name: '小明', age: 18, sex: '男', hometown: '河北省' },
    //   { name: '小红', age: 19, sex: '女', hometown: '河南省' },
    //   { name: '小刚', age: 17, sex: '男', hometown: '山西省' },
    //   { name: '小丽', age: 18, sex: '女', hometown: '山东省' },
    //   { name: '小强', age: 18, sex: '男', hometown: '北京市' }
    // ]

    // let comment = {
    //   uname: 'jgg',
    //   time: '2023-08-09 09:09:09',
    //   content: 'jgg很帅'
    // }

    // let commentList = [
    //   {
    //     uname: 'jgg',
    //     time: '2023-08-09 09:09:09',
    //     content: 'jgg很帅'
    //   },
    //   {
    //     uname: 'xgg',
    //     time: '2023-08-09 09:09:09',
    //     content: 'xgg很帅'
    //   },
    //   {
    //     uname: 'agg',
    //     time: '2023-08-09 09:09:09',
    //     content: 'agg很帅'
    //   }


    // ]


  </script>
</body>

</html>